<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="animate.css">
	<link rel="stylesheet" type="text/css" href="style.css">
	<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
	<script type="text/javascript" src="waterfall.js"></script>
	<script type="text/javascript">
	$(function(){
		function GetRandomNum(Min,Max){   
			var Range = Max - Min;   
			var Rand = Math.random();   
			return(Min + Math.round(Rand * Range));   
		}   
		$('#waterfallBox').waterfall({
			wAddclass:'show',
			wScrollCall: function(obj, box){
				var htmls = '';
				for (var i = 0; i < 6; i++){
					htmls += '<li><a href=""><img src="images/'+ GetRandomNum(1,7) +'.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>';
				}
				return	htmls;
			}
		})
	});
	</script>
</head>
<body>
	<div class="box" id="waterfallBox" >
		<ul>
			<li><a href=""><img src="images/1.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/2.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/3.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/4.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/5.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/6.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/7.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/1.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/2.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/3.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/4.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/5.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/6.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/7.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/1.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/2.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/3.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/4.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/5.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/6.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/7.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/1.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/2.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/3.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/4.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/5.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/6.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
			<li><a href=""><img src="images/7.jpg"><strong class="price">￥58</strong><span>测试item而已捡垃圾的拉我就</span></a></li>
		</ul>
	</div>
</body>
</html>